<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {

            border: 1px solid #ff0000;

            width: 60%;

            /*height:100px;*/
            /*suto:自动--把剩下的空间都给我*/
            margin:auto;
        }
    </style>
</head>
<body>
    <div>111</div>
    <h1>222</h1>
    <div>333</div>
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
    <span>多个标签共享一行</span>
    <p>起飞,肉蛋葱鸡</p>
    <hr size="4" color="red"/>
    <ul type="circle">
        <li>javaEE</li>
        <li>HTML</li>
    </ul>
    <ol type="1" start="1">
        <li>传智播客</li>
        <li>黑马程序员</li>
    </ol>
    <i>我倾斜了</i>
    <em>我倾斜了</em>
    <br/>
    <strong>加粗文本</strong>
    <b>加粗文本</b>
    <br/>
    <font size=5" color="red">这是一段文字</font>
</body>
</html>